<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="This is Chris's Home Page" name="description">
    <meta content="Chris,Web,Music,photo" name="keywords">
    <meta content="text/html;charset=utf-8" http-equiv="content-type"/>
    <title>Hello JavaScript!</title>
    <style type="text/css">
        .userName {
            background-color: yellow;
        }
    </style>
    <script type="text/javascript">
        function onLogin() {
            var form01 = document.form01;
            var p = document.getElementById("pid");
            alert(p.innerText);

        }
    </script>
</head>
<body>
<p id="pid">ABC</p>
<br/>
<form action="" name="form01">
    User Name:<input name="username" type="text">
    <br/> <br/>
    Password:<input name="password" type="password">
    <br/> <br/>
</form>
<button onclick="onLogin()">Login</button>
<button onclick="onReset()">Reset</button>
<br/>

</body>
</html>
